<template>
  <el-table :data = "tableData" style="width: 100%" :show-header="false">
    <el-table-column>
      <template slot-scope="{ row }">
      <task-list :cardData = "row"/>
      </template>
    </el-table-column>
  </el-table>
</template>
<script>
import TaskList from "./task-list.vue";
import { nodeGroupList } from "@/api/task-manage";
export default {
  components: { TaskList },
  name: "TaskManage",
    mounted() {
    const firstQuery = {
      pageNum: 1,
      pageSize: 5,
    };
    this.getnodeGroupList(firstQuery);
  },
  data() {
    return {
      tableData: [],
         tableNum: 0
    };
  },
    methods: {
    getnodeGroupList(query) {
      nodeGroupList(query).then((res) => {
        if (res && res.code === 200) {
          this.tableData = res.data.nodeGroupList;
          this.tableNum = res.data.total;
        } else {
        }
      });
    },
  }
};

</script>
<style>
</style>
